<template>
  <div style="height: 100%; margin: 0 100px">
    <table class="dw-form-table">
      <tbody>
        <tr>
          <td class="dw-td-label"><span>项目：</span></td>
          <td>
            <el-form-item prop="exportProjectId">
              <el-select v-model="formData.exportProjectId" placeholder="请选择要导出的项目" clearable>
                <el-option v-for="item in projectList" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </el-form-item>
          </td>
        </tr>
      </tbody>
    </table>
    <div style="display: flex; justify-content: center; height: 60px; align-items: center">
      <el-button type="primary" :disabled="!formData.exportProjectId"> 导出项目 </el-button>
    </div>
  </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue';

/**
 * 项目数据克隆
 */
defineOptions({
  name: 'ProjectDataExport',
});

const formData = reactive({
  exportProjectId: '',
});
const projectList = [{ value: '01', label: '厦门市第一人民医院' }];
</script>
